eugen

A minimalist living documentation tool for Design Systems

Examples used here:

.cover

Only used in the front page, it should contains at least the title and the subtitle.

Component preview

Site title
Site description

Social 1

Social 2

<div class="cover">
 <div class="content">
  <div class="cover__title">
   Site title
  </div>
  <div class="cover__subtitle">
   Site description
  </div>
  <div class="cover__socials">
   <p>
    Social 1
   </p>
   <p>
    Social 2
   </p>
  </div>
 </div>
</div>

Elements

.cover__title

Represents the cover title.

.cover__subtitle

Represents the cover subtitle.

.cover__socials

Hold together social links centered in the cover.

On eugen website, it contains the follow and star github buttons.